<template>
  <div class="h-full w-full">
    <Top></Top>
    <a-layout class="px-[8px] pt-[10px]">
      <Mnues v-model="selectedMenu" :list="list">
      </Mnues>
      <a-layout-content class="mt-[10px] bg-[#fff] p-[20px]">
        <List v-if="selectedMenu == 1" />
        <!-- <Book v-else-if="selectedMenu == 2" />
        <Send v-else-if="selectedMenu == 3" /> -->
      
      </a-layout-content>
    </a-layout>
  </div>
</template>

<script setup>
import { ref } from "vue";
import Top from "@/components/workHearder/index.vue";
import AssetOne from "@/assets/img/组 6400@2x.png";
import AssetTwo from "@/assets/img/组 6401@2x.png";
import AssetThree from "@/assets/img/daochu333.png";

import Mnues from "@/components/menus/index.vue";

import List from './list/index.vue'



const list = [
  {
    key: 1,
    name: "数据导出记录",
    img: AssetOne,
  },
  {
    key: 2,
    name: "数据定制服务",
    img: AssetTwo,
  },
  {
    key: 3,
    name: "数据导出平台",
    img: AssetThree,
  }
  
];

const selectedMenu = ref(1);
</script>

<style lang="scss" scoped></style>
